import React, { memo } from 'react';
import PropTypes from 'prop-types';


import {
  HeaderWrapper
} from "./style";

const ThemeHeaderSmall = memo(function (props) {
  const { title, more ,action} = props;
  
  return (
    <HeaderWrapper>
      <h3>{title}</h3>
      <span className="link" onClick={action}>{more}</span>
    </HeaderWrapper>
  )
})

ThemeHeaderSmall.defaultProps = {

}

ThemeHeaderSmall.propTypes = {
  title: PropTypes.string.isRequired,
  more: PropTypes.string
}

export default ThemeHeaderSmall;
